<template>
	<view class="info_cont" :url="navigateto" @tap = "navigate()" >
		<view class="info_icon">
			<view class="info_icon_cont">
				<image :src="iconUrl" mode=""></image>
			</view>
			<view class="info_title">
				{{title}}
			</view>
			<view class="mssage_cont">
				<view class="message_" v-if="add_icon.length" >
					<view class="info_icon_cont">
						<image src="../../static/icon/userinfo/user_plusicon.png" mode=""></image>
					</view>
					<view class="message_font">
						{{add_icon[0]}}
					</view>
				</view>
				<view class="message_" v-if="add_icon.length==2" style="left:312rpx;">
					<view class="info_icon_cont">
						<image src="../../static/icon/userinfo/user_notice.png" mode=""></image>
					</view>
					<view class="message_font">
						{{add_icon[1]}}
					</view>
				</view>
			</view>
		</view>
		<uni-icons type="forward" color="#CCCBCB"></uni-icons>
		
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:"输入标题",
			},
			iconUrl:{
				type:String,
			},
			hrefto:{
				type:String,
				default:"aaaaa"
			},
			add_icon:{
				type:Array,
			}
		},
		data() {
			return {
				
			}
		},

		methods:{
			navigate(){
				console.log(this.$props.hrefto)
				uni.navigateTo({
					url:this.$props.hrefto
				})
			}
		}
		
	}
</script>

<style scoped lang="scss">
	.info_cont{
		height: 49rpx;
		width: 100%;
		background-color: #FFFFFF;
		display: flex;
		margin-top: 30rpx;
		align-items: center;	
		position: relative;
		justify-content: space-between;
	}
	.mssage_cont{
		position: absolute;
		left:192rpx;
		display: flex;
		
	}
	.message_{
		display: flex;
		margin-right: 34rpx;
		
		.message_font{
			margin-left: 9rpx;
			color: #394EB8;
		}
	}
	.info_icon{
		display: flex;
		
	}
	.info_icon_cont{
		margin-top: 4rpx;
		height: 29rpx;
		width: 35rpx;
	}
	.info_icon_cont image{
		height:100%;
		width: 100%;
	}
	.info_title{
		margin-left: 18rpx;
		width: 100%;
	}
	.arrowcont{
		width: 18rpx;
		height: 28rpx;
	}
	.arrowcont image{
		width:100%;
		height: 100%;
	}
</style>
